import React, { Component } from 'react';
class DemoC1 extends Component {
  state = { 
    count:0
   }

  //计算5台电脑的价钱
  handleCount = ()=>{
    this.setState({
      count:this.props.price*5
    })
  }  
  // 修改电脑的价钱
  update = ()=>{
    this.props.updatePrice(9999)
  }
  render() { 
    return ( <>
      <p>子组件</p>
      电脑的价钱是：{this.props.price}
      因为电脑卖的太好了，现在电脑要涨价了9000一台，购买了5台，一共多少钱？
      <br />
      最新的价格是：{this.props.price}元一台
      <br />
      按照最新的价格计算：
      5台电脑的价钱是：{this.state.count}
      <button onClick={this.handleCount}>点击算一算！</button>
      <button onClick={ this.update}>统一修改电脑的价钱为9999元一台</button>
    </> );
  }
}
 
export default DemoC1;